<!DOCTYPE html>
<html lang="en">

<head>
    <title>Blog Register</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="button.css">
    <link rel="stylesheet" type="text/css" href="footer.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="button.js"></script>

</head>

<body background="pictures/blue_sea.jpg">

    <div class="container" style="margin-top:15px">
        <h3>博客注册</h3>
      </div>

    <div class="container" style="margin-top:15px">
        <ul class="nav justify-content-end">
            <li class="nav-item">
                <a class="nav-link" href="login.html">登陆</a>
            </li>
        </ul>
    </div>
    <div class="container" style="margin-top:15px">
        <div class="row">
            <div class="col-sm"></div>
            <div class="col-sm align-self-center">
                <br>
                <form method="post" action=".">
                    <!-- 账号 -->
                    <div class="form-group col-sm">
                        <label for="username">昵称</label>
                        <input type="text" class="form-control" id="username" name="username" required>
                    </div>
                    <!-- 邮箱 -->
                    <div class="form-group col-sm">
                        <label for="email">Email</label>
                        <input type="email" class="form-control" id="email" name="email" required>
                    </div>
                    <!-- 密码 -->
                    <div class="form-group col-sm">
                        <label for="password">设置密码</label>
                        <input type="password" class="form-control" id="password" name="password" required>
                    </div>
                    <!-- 确认密码 -->
                    <div class="form-group col-sm">
                        <label for="password2">确认密码</label>
                        <input type="password" class="form-control" id="password2" name="password2" required>
                    </div>
                    <!-- 提交按钮 -->
                    <div class="form-group col-sm">
                        <button type="submit" class="btn btn-primary btn-block">注册</button>
                    </div>

                </form>
            </div>
            <div class="col-sm"></div>
        </div>
    </div>
</body>